@charset "utf-8";
@import "public.css";

/************************** 首頁內容 start ******************************/
#indexCT{
	overflow:hidden;
	zoom:1;
}
#indexCT #indexCTL{
	float:left;
	width:390px;
	padding-top:5px;
}
#indexCT #indexCTR{
	float:right;
	width:288px;
	border-left:1px solid #dbdbdb;
	padding:5px 0 0 30px;
	margin-left:30px;
}
#indexCT h2{
	overflow:hidden;
	text-indent:-9999px;
	height:23px;
}

/**************** 最新消息 start ***************/
#latestNews{
	overflow:hidden;
	zoom:1;
}
#latestNews h2{
	background:url(images/home_latestNews.gif) no-repeat;
}
#latestNews h3{
	font-size:13px;
	font-weight:bold;
	border-left:3px solid #C00;
	padding:4px 0 0 8px;
	margin-top:17px;
	line-height:0.8em;
}
#latestNews p{
	margin:5px 0 0;
	padding:0;
	line-height:1.6em;
}
/**************** 最新消息 end ***************/

/**************** 最新活動 start ***************/
#newEvents{
	margin-top:10px;
	border-top:1px solid #dbdbdb;
	padding-top:22px;
}
#newEvents h2{
	background:url(images/home_newEvents.gif) no-repeat;
}
#newEvents ul{
	list-style:none;
}
#newEvents ul li{
	margin-top:12px;
	overflow:hidden;
	zoom:1;
}
#newEvents ul li a.eventPLink{
	float:left;
	display:block;
	width:120px;
	height:70px;
}
#newEvents ul li a.eventPLink img{
	display:block;
	width:120px;
	height:70px;
	border:none;
}
#newEvents ul li .eventCT{
	float:left;
	margin-left:15px;
	width:255px;
	overflow:hidden;
	zoom:1;
}
#newEvents ul li .eventCT p{
	margin:0;
	padding:0;
	line-height:1.5em;
}
#newEvents ul li .eventCT a.more{
	float:left;
}
/**************** 最新活動 end ***************/

/**************** 服務特色 start ***************/
#serviceFeatures{
}
#serviceFeatures h2{
	background:url(images/home_serviceFeatures.gif) no-repeat;
}
#serviceFeatures h3{
	font-size:13px;
	font-weight:bold;
	border-left:3px solid #C00;
	padding:4px 0 0 8px;
	margin-top:17px;
	line-height:0.8em;
}
#serviceFeatures p{
	margin:5px 0 0;
	padding:0;
	line-height:1.6em;
}
#serviceFeatures img{
	border:none;
	display:block;
	margin-top:10px;
}
/**************** 服務特色 end ***************/

/************************** 首頁內容 end ******************************/


.pageTitle{
	padding:0 0 1px 19px;
	background:url(images/pageTitleBar.gif) no-repeat 5px 0;
	font-size:16px;
	color:#333;
}


/************************** 登入頁 start ******************************/
#loginType{
	list-style:none;
	padding:7px 5px 8px;
	overflow:hidden;
	zoom:1;
	background:#f6f6f6 url(images/loginTypeBg.gif) repeat-x 0 bottom;
	margin-top:15px;
}
#loginType li{
	float:left;
	font-size:13px;
	color:#333;
	font-weight:bold;
	margin-left:12px;
}
* html #loginType li{
	display:inline;
}

#loginForm{
	width:400px;
}
#loginForm .idNo,
#loginForm .userName,
#loginForm .userPW{
	width:210px;
}
/************************** 登入頁 end ******************************/


/************************** 表單 start *****************************/
select{
	font:12px Arial;
	color:#333;
}
.input{
	border:1px solid #CCC;
	font:12px calibri;
}
.formBtnGroup{
	text-align:center;
	padding:20px;
	overflow:hidden;
	zoom:1;
}
.formBtn, input[type=button], input[type=submit], input[type=reset] {
	background:#393939 url(images/formBtn.gif) repeat-x;
	border:none;
	font:12px calibri;
	padding: 2px 5px 3px; /*Firefox*/
	padding: 4px 5px 2px \9; /*IE8*/
	*padding: 4px 5px 2px; /*IE7*/
	_padding: 4px 5px 2px; /*IE6*/
	cursor:pointer;
	color:#FFF;
	margin:0;
}
.formData{
	position:relative; 
	margin:20px auto;
}
.formData .row{
	margin-top:5px;
	overflow:hidden;
	zoom:1;
}
.formData .row dt,
.formData .row dd{
	float:left;
}
.formData .row dt{
	width:120px;
	background:#f4e3e3;
	margin:2px 0 0 0;
	padding:6px 5px 4px 0;
	text-align:right;
	color:#333;
}
.formData .row dd{
	margin:2px 0 0 5px;
	width:220px;
}
*+html .formData .row dd{
	display:inline;
}
* html .formData .row dd{
	display:inline;
}
/************************** 表單 end *****************************/


/************************** 其它 start *****************************/
hr{
	border:none;
	background:#e4e4e4;
	color:#e4e4e4;
	height:1px;
	font-size:1px;
}
a.more{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:34px;
	height:8px;
	background:url(images/more.gif) no-repeat;
	float:right;
	margin-top:5px;
}
a.more:hover{
	background-position:0 -8px;
}

.editZoom{
	list-style:none;
	overflow:visible;
	zoom:1;
	position:relative;
	left:50%;
	float:left;
}
.editZoom li{
	position:relative;
	left:-50%;
	float:left;
}
.editZoom li a.btnEdit,
.editZoom li a.btnZoom{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:21px;
	height:18px;
	margin:0 3px;
}
.editZoom li a.btnEdit{background:url(images/btnEdit.gif) no-repeat;}
.editZoom li a.btnEdit:hover{background-position:0 -18px;}
.editZoom li a.btnZoom{background:url(images/btnZoom.gif) no-repeat;}
.editZoom li a.btnZoom:hover{background-position:0 -18px;}
/************************** 其它 end *****************************/


/************************** 表格樣式 start ******************************/
.tableStyle1{
	border-collapse:collapse;
	width:740px;
	font:12px Arial;
	color:#666;
	margin-top:15px;
}
.tableStyle1 th{
	background:#f4e3e3;
	color:#333;
	padding:4px 0 1px;
	border-left:1px solid #FFF;
	border-bottom:1px solid #da8689;
}
.tableStyle1 th a{
	text-decoration:none;
	color:#333;
}
.tableStyle1 th a:hover{
	color:#C00;
}
.tableStyle1 th a span{
	color:#da8689;
}
.tableStyle1 tr.odd td{
	background:#f7f7f7;
}
.tableStyle1 tr.even td{
	background:#FFF;
}
.tableStyle1 td{
	border-bottom:1px solid #e8e8e8;
	padding:4px 0 2px;
	text-align:center;
}
.tableStyle1 .align1{
	text-align:left;
}
.tableStyle1 .align2{
	text-align:right;
}
/************************** 表格樣式 end ******************************/

/* ----------------------- Form ----------------------- */
#PayerTable,
#MenuItemTable,
#queryForm,
#queryGroupDiv table  {
	width: 100%;
	font-family: calibri;
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#PayerTable th,
#MenuItemTable th,
#queryForm th,
#queryGroupDiv th  {
	background: #f4e3e3;
	padding: 3px 10px 3px 0;
	color: #333;
	text-align: right;
}

#PayerTable td,
#MenuItemTable td,
#queryForm td,
#queryGroupDiv td  {
	padding: 3px;
	background: #FFF8F8;
}

#MenuItemTable .queryFunction,
#queryForm .queryFunction,
#queryGroupDiv .queryFunction{
	text-align: center;
	padding: 10px 5px 5px;
	border: none;
	background: #fff;
}

#findGroupNoImg {
	float: left;
	padding-right: 1px;
	padding-top: 3px;
}

#findGroupNoImg1 {
	float: left;
	padding-right: 1px;
	padding-top: 3px;
}

#findGroupNoImg1 a.btnZoom,
#findMenuItemPkImg a.btnZoom,
#findGroupNoImg a,
#listTable a.btnZoom {
    display : inline-block;
    height : 18px;
    padding-left : 21px;
    width : 0;
    overflow : hidden;
}

#findGroupNoImg1 a.btnZoom,
#findMenuItemPkImg a.btnZoom,
#findGroupNoImg a.btnZoom,
#listTable a.btnZoom {
	background:url(images/btnZoom.gif) no-repeat;
}

#findMenuItemPkImg a.btnZoom:hover,
#findGroupNoImg a.btnZoom:hover,
#listTable a.btnZoom:hover {
	background-position:0 -18px;
}

#mustKeyInStar {
	padding-left: 2px;
	color: #771F1F;
	letter-spacing: 1px;
}

#reportForm {
	width: 80%;
	border-collapse: collapse;
	margin: 10px auto;
	padding-top: 10px;
}

#reportForm th {
	background: #e4e9f2;
	color: #333;
	padding: 4px;
	border-left: 1px solid #e8e8e8;
	border-bottom: 1px solid #87b4d8;
}

#reportForm td {
	padding: 5px;
	border: 1px solid #e8e8e8;
}

#reportForm tr:first-child th {
	text-align: left;
	background: #fff;
	padding: 10px 10px 10px;
	border: 1px solid #e8e8e8;
}

#reportForm tr.odd td{
	background: #f7f7f7;
}
#reportForm tr.even td{
	background: #fff;
}

#reportForm .firsttr th {
	text-align: left;
	background: #fff;
	padding: 10px;
	border: 1px solid #e8e8e8;
}

#commissionCodeTableListTable,
#paymentListTable {
	width: 100%;
	border-collapse: collapse;
	margin: 10px auto;
}

#paymentListTable table {
	width: 100%;
}

#paymentListTable th {
	padding: 5px 10px;
	color: #333;
	text-align: left;
	border: 1px solid #ccc;
}

#paymentListTable .firsttr th {
	background: #f4e3e3;
	padding: 5px 10px;
	color: #333;
	text-align: left;
	border: 1px solid #ccc;
}

#paymentListTable .secondtr td, 
#paymentListTable .secondtr th {
	background: #fff8f8;
	padding: 5px 10px;
	color: #333;
	text-align: left;
	border: 1px solid #ccc;
}

#paymentListTable td {
	border: 1px solid #ccc;
	padding: 5px 10px;
}

/* -------------------- end of Form -------------------- */

/* ----------------------- List ----------------------- */

#itemColumnDefinitions,
#headerColumnDefinitions,
#commissionCodeTableListTable,
#listTable {
	border-collapse: collapse;
	color: #666;
	margin: 10px 0;
	width: 100%;
}

#itemColumnDefinitions th,
#headerColumnDefinitions th,
#commissionCodeTableListTable th,
#listTable th {
	background: #f4e3e3;
	color: #333;
	padding: 4px;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #da8689;
}

#itemColumnDefinitions th a,
#headerColumnDefinitions th a,
#commissionCodeTableListTable th a,
#listTable th a{
	text-decoration:none;
	color:#333;
}

#itemColumnDefinitions th a:hover,
#headerColumnDefinitions th a:hover,
#commissionCodeTableListTable th a:hover,
#listTable th a:hover {
	color:#C00;
}
#listTable th a span {
	color:#da8689;
}

#listTable tr.odd td{
	background:#f7f7f7;
}
#listTable tr.even td{
	background:#FFF;
}
#listTable td {
	border-bottom:1px solid #e8e8e8;
	padding:5px 8px;
}

#paginationBar {
	text-align: center;
	color:#333;
}

/* -------------------- end of List -------------------- */

/* --------------------- Input Style --------------------- */

input, select {
	font-family: calibri;
	font-size: 12px;
	vertical-align: middle;
	margin: 2px 3px;
}


/* ------------------ end of Input Style ------------------ */


/* ----------------------- Login Form ----------------------- */
#loginForm {
	font-family: calibri;
	font-size: 13px;
	margin: 20px auto;
}

#loginForm th {
	text-align: right;
	background: #f4e3e3;
	padding-right: 10px;
}

#loginForm input[type=text], #loginForm input[type=password] {
	width: 200px;
}

/* -------------------- end of LoginForm -------------------- */

#mainAreaCT ul ul {
	margin-left: 30px;
	margin-bottom: 20px;
	margin-top: ; 
	list-style: none;
}
#addUserTable select {
	width: 150px;
}

#menuItemCheckListDiv table {
	line-height: 200%;
	width: 100%;
}

#menuItemCheckListDiv th {
	text-align: left;
	background: #f4e3e3;
	
}

#commissionCodeTableListTable td {
	padding: 3px;
}

#itemColumnDefinitions {
	margin-top: 40px;
}

#style15 {
	font-family: 新細明體;
	color: #0F0FF0;
	font-size:15px;
	font-weight:bold;
	text-align: center;
	margin-top:30px;
	width: 100%;
}